<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/top.css" type="text/css" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <script src="../js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="../css/form.css">
    <link rel="stylesheet" href="../css/tab.css">
    <link rel="stylesheet" href="../css/form.css">
    <link rel="stylesheet" href="../css/Newborrowing.css">
  </head>
  <body>
    <div class="pageLayout">
      <div class="head">
        <div class="head-left">
          <div class="head-left-first">OA办公后台管理系统</div>
          <a href="#">
            <div class="head-left-second">
                <img src="../images/u924.png" alt="" />
                <span>首页</span>
              </div>
          </a>
          <div class="head-left-second sdsdd">
            <img src="../images/u927.png" alt="" />
            <span>资产</span>
          </div>
          <!-- 功能集合 -->
          <div class="boxFunctionSet">
            <div class="functionSet">
              <div class="functionSetDiv">
               <a href="#">
                <div>
                  <img src="../images/u950.png" alt="" />
                  <p>组织</p>
                </div>
               </a>
               <a href="#">
                <div>
                  <img src="../images/u953.png" alt="" />
                  <p>员工</p>
                </div>
               </a>
                <div>
                  <img src="../images/u956.png" alt="" />
                  <p><a href="#">考勤</a></p>
                </div>
                <a href="#">
                  <div>
                    <img src="../images/u959.png" alt="" />
                    <p>薪酬</p>
                  </div>
                </a>
                <a href="#">
                  <div>
                    <img src="../images/u962.png" alt="" />
                    <p>社保公积金</p>
                  </div>
                </a>
              </div>
              <div class="functionSetDiv">
                  <a href="#">
                    <div>
                      <img src="../images/u965.png" alt="" />
                      <p>绩效</p>
                    </div>
                  </a>
                  <a href="#">
                    <div>
                      <img src="../images/u968.png" alt="" />
                      <p>招聘</p>
                        </div>
                  </a>
                 <a href="#">
                  <div>
                    <img src="../images/u971.png" alt="" />
                    <p>审批</p>
                  </div>
                 </a>
                 <a href="#">
                  <div>
                    <img src="../images/u974.png" alt="" />
                    <p style="font-size:14px">会议室预定</p>
                  </div>
                 </a>
                 <a href="#">
                  <div>
                    <img src="../images/u977.png" alt="" />
                    <p>车辆</p>
                  </div>
                 </a>
              </div>
              <div class="functionSetDiv">
                <a href="#">
                  <div>
                    <img src="../images/u980.png" alt="" />
                    <p>新闻</p>
                  </div>
                </a>
                <a href="#">
                  <div>
                    <img src="../images/u983.png" alt="" />
                    <p>公告</p>
                    </div>
                </a>
                <a href="#">
                  
                <div>
                  <img src="../images/u986.png" alt="" />
                  <p>合同库</p>
                </div>
                </a>
                <a href="#">
                  <div>
                    <img src="../images/u989.png" alt="" />
                    <p>文档库</p>
                  </div>
                </a>
                <a href="#">
                  <div>
                    <img src="../images/u992.png" alt="" />
                    <p>资产</p>
                  </div>
                </a>
              </div>
              <div class="functionSetDiv">
                <a href="#">
                  <div>
                    <img src="../images/u998.png" alt="" />
                    <p>配训</p>
                  </div>
                </a>
                <a href="#">
                   
                <div>
                  <img src="../images/u995.png" alt="" />
                  <p>系统设置</p>
                </div>
                </a>
               
                
              </div>
          </div>
          </div>
          <div class="head-left-third">
            <div class="input-group input-group-lg">
              <span class="input-group-addon" id="basic-addon1"
                ><img src="../images/u931.png" alt=""
              /></span>
              <input
                type="text"
                class="form-control"
                placeholder="请输入关键字"
                aria-describedby="basic-addon1"
              />
            </div>
          </div>
        </div>
        <div class="head-right">
          <div class="head-right-three">
            <img src="../images/u944.png" alt="" />
            <img src="../images/u945.png" alt="" class="head-right-three-img" />
          </div>
          <div class="head-right-second">
            <img src="../images/u938.png" alt="" />
          </div>
          <div class="head-right-last">
            <span class="head-right-first">Daisy</span>
            <img src="../images/u937.png" alt="" />
          </div>
        </div>
      </div>
      <!-- 底部 -->
      <div class="bottom">
        <div class="navigation">
          <ul class="nav nav-pills nav-stacked">
            <li role="presentation" class="presentation">
              <div class="navigation-first">
                <div class="navigation-second">
                  <img src="../images/u428.png" alt="" />
                  <a href="#" class="navigation-three">资产管理</a>
                </div>
                <span
                  class="glyphicon glyphicon-chevron-right flip"
                  aria-hidden="true"
                ></span>
              </div>
              <div class="car" style='height:150px;'>
                <ul class="carBox">
                    <li  class="carColor">
                      <a href="#">资产列表</a>
                    </li>
                    <li class="carColor">
                      <a href="#">资产类别</a>
                    </li>
                    <li  class="carColor">
                      <a href="#">仓库管理</a>
                    </li>
                    <li  class="carColor" >
                      <a href="">资产盘点</a>
                    </li>
                  </ul>
              </div>
            </li>
            <!--  -->
            <li role="presentation" class="presentation">
              <div class="navigation-first">
                <div class="navigation-second">
                  <img src="../images/u879.png" alt="" /><a
                    href="#"
                    class="navigation-three"
                    >库存管理</a
                  >
                </div>
                <span
                  class="glyphicon glyphicon-chevron-right flip"
                  aria-hidden="true"
                ></span>
              </div>
              <div class="car" style='height:260px;'>
                <ul class="carBox">
                  <li  class="carColor">
                    <a href="#">采购单</a>
                  </li>
                  <li class="carColor">
                    <a href="#">资产入库</a>
                  </li>
                  <li  class="carColor">
                    <a href="#">领用</a>
                  </li>
                  <li  class="carColor" >
                    <a href="">退库</a>
                  </li>
                  <li  class="carColor" style='background:rgba(37, 97, 239, 1);border-radius: 5px;'>
                    <a href="#">借用</a>
                  </li>
                  <li  class="carColor">
                    <a href="">归还</a>
                  </li>
                  <li  class="carColor">
                    <a href="">调拨</a>
                  </li>
                </ul>
              </div>
            </li>
            <!--  -->
            <li role="presentation" class="presentation">
              <div class="navigation-first">
                <div class="navigation-second">
                  <img src="../images/u397 (1).png" alt="" /><a
                    href="#"
                    class="navigation-three" style="margin-right:30px"
                    >设置</a
                  >
                </div>
              </div>
              <div class="car">
            </li>
            
          </ul>
        </div>
        <!--第一页面-->
        <div class="content">
          <!-- 导航 -->
            <div class="contentHead">
                <span class="contentHeadSpan">资产</span>
                <span class="contentHeadSpan">&gt</span>
                <span class="contentHeadSpan">库存管理</span>
                <span class="contentHeadSpan">&gt</span>
                <span class="contentHeadSpan">借用</span>
                <span class="contentHeadSpan">&gt</span>
                <span>新增借用申请</span>
            </div>
            <div class="box">
                <div class="boxTop">
                    <div>快速借用申请</div>
                </div>
                <hr class="boxHr">
                <div class="boxLeftAndRightLayout">
                    <div class="inputTransform">
                        <span>借用单号</span>
                      <div>
                        <input type="text" class="aq">
                      </div>
                    </div>
                    <!-- 借用日期 -->
                    <div class="inputTransform">
                        <span>*借用日期</span>
                      <div>
                        <input type="text" name="department" value="请选择" class="aq">
                        <img src="../images/u261.png" alt="">
                      </div>
                    </div>

                </div>
                <!--  -->
                <div class="boxLeftAndRightLayout">
                    <div class="inputTransform">
                        <span>借用部门</span>
                      <div>
                        <select name="cars" class="input a">
                          <option value="0">请选择</option>
                            <option value="0">黛西进出口贸易公司</option>
                            <option value="1">黛西进出口贸易公司杭州分公司</option>
                            <option value="2">行销部</option>
                            <option value="3">设计部</option>
                            <option value="4">产品部</option>
                        </select>
                      </div>
                    </div>
                    <div class="inputTransform">
                        <span>借用人</span>
                    <div class="departmentSelection">
                        <input type="text" name="department" value="请选择" class="departmentSelectionValue">
                        <img src="../images/u3887.png" alt="">
                    </div>
                    </div>
                </div>
                <div class="boxLeft">
                    <div class="inputTransform">
                        <span>预计归还时间</span>
                      <div>
                        <input type="text" name="department" value="请选择" class="aq">
                        <img src="../images/u261.png" alt="">
                      </div>
                    </div>
                </div>
                <hr class="boxHr sdf">
                <div class="boxBo">
                    <div style="width:80px;height:32px;background:blue;border-radius: 5px; margin-right:15px;"><a href="../pages/borrow.html" style="color:#ffffff;line-height: 32px;text-align:center;">&nbsp;提交申请</a> </div>
                    <div style="width:80px;height:32px;border-radius: 5px;border:1px solid black"><a href="../pages/borrow.html"  style="color:#333; line-height: 32px;text-align: center;">&nbsp;&nbsp;&nbsp&nbsp;取消</a></div>
                </div>
            </div>
        </div>
        <!--  -->

      </div>
    </div>
    <script src="../js/leave.js"></script>
    <script src="../js/selectionBox.js"></script>
    <script src="../js/css.js"></script>
    </body>
  </html>
  